﻿@charset "utf-8";
body{
    background: #f4f4f4;
}
.dd-fixed{position: fixed;}
.dd-header{top:0;left:0;right:0;z-index: 1000;}
.dd-sub-fixed{left:0;right:0;z-index: 1000;}
.dd-menu-bar{display: flex; justify-content: space-between; flex-wrap: nowrap;align-items: center;}
.footer-menu-bar{bottom: 0;height: 48px;background: #fff;left: 0;right: 0;position: fixed; z-index: 1000;}
.footer-menu{ display: block;width: 100%; text-align: center;color: #353535;height: 48px; position: relative;}
.footer-menu i{display: block;margin: 0; padding: 5px 0 0 0;line-height: 1em;}
.footer-menu i.dd-i-f-hzxh{font-size: 1.6em;}
.footer-menu i.dd-i-f-lsjl{font-size: 1.68em;margin-top: -0.05em;}
.footer-menu span{display: inline-block;font-size: 0.8em;}
span.lsjl-span{margin-top: -0.03em;}
.active-footer-tab{color: #006be4; text-decoration: none;}
.dd-fixed-header,.dd-container,.form-btn-bar,.dd-search-bar,.dd-list-items,.dd-list-item,.dd-list-item-con,.fr-arrow,.dd-list-item-time,.dd-list-item-address,.down-arrow,.dd-tit-bar{position: relative;}
.dd-top-line:before{content: " ";position: absolute;top: 0;left: 0;height: 1px ;width: 100%;border-top: 1px solid #d1d1d1;-webkit-transform-origin: 0 0;transform-origin: 0 0;-webkit-transform: scaleY(0.5);transform: scaleY(0.5);z-index: 10;}
.dd-box{position: relative;line-height: 44px;background: #fff;}
.dd-box:after{content: " ";position: absolute;bottom: 0;left: 0;height: 1px ;width: 100%;border-bottom: 1px solid #d1d1d1;-webkit-transform-origin: 0 0;transform-origin: 0 0;-webkit-transform: scaleY(0.5);transform: scaleY(0.5);z-index: 10;}
.header-bar{height: 60px;}
.header-bar h4{font-size: 1.2em;font-weight: normal;color: #353535;line-height: 44px;padding-top: 5px;}
.dd-bg-blue{background: #006be4;}
.dd-header-inf{padding: 10px 20px 15px 20px;}
.dd-header-inf h4,.dd-header-inf span,.dd-header-inf label,.dd-header-inf p{color: #b6d5fb;}
.dd-header-inf h4 i:before{color: #7cb3f8;}
.dd-header-inf h4{font-weight: normal;line-height: 32px; position: relative;}
.dd-header-inf h4 span{font-size: 1.2em;}
.dd-header-inf h4 label{position: absolute; top: 2px; right: 0;font-size: 1em;}
.dd-header-inf div span,.dd-header-inf div p{font-size: 1em;line-height: 1.2em;}
.dd-header-inf div span{display: inline-block; margin-right: 15px;}
.dd-i-yhphoto{color: #aaa;margin-right: 3px;}
.riverLeader-river-item,.dd-search-item{position: relative;}
.dd-f{ display: flex; justify-content: space-between; flex-wrap: nowrap;align-items: center;}
.dd-item-ft{text-align: right;color: #888;}
.dd-switch{-webkit-appearance: none;-moz-appearance: none; appearance: none;position: relative; width: 52px;height: 30px;border: 1px solid #DFDFDF;outline: 0;border-radius: 28px;box-sizing: border-box;background: #006be4;}
.dd-switch:before {content: " ";position: absolute;top: 0;left: 0;width: 50px;height: 28px;border-radius: 28px;background-color: #FDFDFD;-webkit-transition: -webkit-transform .3s;transition: -webkit-transform .3s;transition: transform .3s;transition: transform .3s, -webkit-transform .3s;}
.dd-switch:after {content: " ";position: absolute;top: 0;left: 0;width: 28px;height: 28px;border-radius: 28px;background-color: #FFFFFF;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);-webkit-transition: -webkit-transform .3s;transition: -webkit-transform .3s;transition: transform .3s;transition: transform .3s, -webkit-transform .3s;}
.dd-switch:checked:before {-webkit-transform: scale(0);transform: scale(0);}
.dd-switch:checked:after {-webkit-transform: translateX(22px);transform: translateX(22px);}
.dd-tit-bottom-line:after{content: " ";position: absolute;bottom: 0;left: 0;height: 1px ;width:100%; border-bottom: 1px solid #e1e1e1;-webkit-transform-origin: 0 0;transform-origin: 0 0;-webkit-transform: scaleY(0.5);transform: scaleY(0.5);z-index: 10;}
.dd-bottom-line:after{content: " ";position: absolute;bottom: 0;left: 15px;right: 15px;height: 1px ;border-bottom: 1px solid #e1e1e1;-webkit-transform-origin: 0 0;transform-origin: 0 0;-webkit-transform: scaleY(0.5);transform: scaleY(0.5);z-index: 10;}
.dd-item-tit{font-size: 1em;color: #353535;font-weight: normal;padding-left: 15px;}
.time-map{margin: 5px 0 1px 0;}
.dd-item-txt{display: block;width: 100%;}
.dd-item-textarea{display: block; margin: 5px 15px; border: 1px solid #d1d1d1;border-radius: 2px;}
.dd-item-textarea textarea{width: 100%; text-align: left;font-size: 1em; color: #888; line-height: 1.2em;height: 4.8em; resize: none; border: 0;}
.dd-item-select{-webkit-appearance: none;-moz-appearance: none; appearance: none;border: 0;color: #888; text-align: right;direction: rtl;}
.fw{font-weight: bold;}
.left-line{border-left: 3px solid #353535; padding-left: 12px;}
.form-btn{font-size: 1.25em;height: 2.45em;line-height:2.45em;border-radius: 2px;}
.blue-btn{background: #006be4; border: 1px solid #006be4; color: #fff;}
.dd-f-w{ display: flex; justify-content: flex-start; flex-wrap: wrap;align-items: flex-start;}
.tab-menu,.tab-sub-menu{height: 48px;line-height: 48px; position: relative;background: #fff;left: 0;z-index: 100;}
.tab-menu:after,.tab-sub-menu:after{content: " ";position: absolute;bottom: 0;left: 0;height: 1px ;width: 100%;border-bottom: 1px solid #d1d1d1;-webkit-transform-origin: 0 0;transform-origin: 0 0;-webkit-transform: scaleY(0.5);transform: scaleY(0.5);z-index: 10;}
.dd-menu{display: inline-block; width: 100px; text-align: center;margin: 0 auto; position: relative;font-size:1em; color: #353535;}
.dd-sub-menu{display: inline-block; width: 100px; text-align: center;margin: 0 auto; position: relative;font-size:1em; color: #353535;}
.active-tab-menu,.active-sub-tab-menu{font-size:1em; color: #006be4;}
.active-tab-menu:after,.active-sub-tab-menu:after{content: " ";position: absolute;bottom: 2px;left: 0;height: 1px ;width:100%; border-bottom: 1px solid #006be4;-webkit-transform-origin: 0 0;transform-origin: 0 0;-webkit-transform: scaleY(1);transform: scaleY(1);z-index: 10;}
.long-bar{width: 100%; overflow-x:auto;}
.long-bar::-webkit-scrollbar{width:0px}
.dd-menu-bar-w{display: block;}
.dd-menu-bar-w a{float: left;}
.dd-f-t{display: flex; justify-content: space-between; flex-wrap: nowrap;align-items: flex-start;}
.photo{width: 48px;height: 48px;}
.dd-list-item-con{margin-left: 58px;}
.dd-list-item-con1{margin-left: 0;}
.dd-list-item-con-head{display: block;width: 100%;}
.fr-arrow:after{content: "";display: inline-block;-webkit-transform: rotate(45deg);transform: rotate(45deg);height: 8px;width: 8px;border-width: 1px 1px 0 0;border-color: #353535;border-style: solid;position: absolute;top: 16px;right: 0; }
.dd-list-item-con-head h4{font-size:1.2em;display: block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.dd-list-item-con-head span{display: inline-block; margin-right: 11px; font-size:1em;color:#888;}
.dd-list-item-describe{font-size:1em;color:#353535;}
.dd-list-item-pics{width: 100%;display: flex; justify-content:flex-start; flex-wrap: wrap;align-items: center;}
.dd-list-item-pics .dd-list-item-pic-box{width: 30%; margin: 2px; overflow: hidden; height: 0; padding-top: 30%; position: relative;}
.dd-list-item-pics .dd-list-item-pic-box img{position: absolute; left: 0; top: 0; width: 100%; }
.dd-list-item:last-child:after{border: 0;}
.dd-list-item-time{height: 36px;line-height: 36px;color: #353535;font-size: 1em;}
.dd-list-item-time i{vertical-align: middle;margin-top: 2px;margin-bottom: -2px;}
.dd-list-item-time i:before{font-weight: lighter; color: #999;font-size: 1.1em;}
.dd-tj-num{position: absolute; right: 0;}
.down-arrow:after{content: "";display: inline-block;-webkit-transform: rotate(135deg);transform: rotate(135deg);height: 8px;width: 8px;border-width: 1px 1px 0 0;border-color: #353535;border-style: solid;position: absolute;top: 2px;right: 0; }
.imgadd,.dd-icon-addpictures{position: relative; width: 60px;height: 60px;}
.dd-icon-addpictures:before{position: absolute; font-size: 3.8em; color: #353535;margin: 3px;top:0;}
#diving img{width: 60px;height: 60px;margin: 3px;display: inline-block;}
.dd-list-item-a-link{display: block;}
.dd-list-item-a-head i{display: inline-block; border-radius: 3px;text-align: center;padding: 5px;position: relative;margin-right: 10px;}
.dd-list-item-a-head i:before{color: #fff;font-size: 1.2em;}
.dd-list-item-a-head-con{width: 100%;}
.dd-list-item-a-head-con h4{font-size: 1.2em;}
.dd-list-item-a-head-con div span{font-weight: normal;font-size: 0.9em;}
.dd-list-item-a-body{padding: 5px;}
.dd-list-item-a-body span,.dd-list-item-a-body label,.dd-list-item-a-body p{font-size: 0.9em;color: #353535;line-height: 20px;}